<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="css/reset.css"
</head>
<body>
<style type="text/css">
    h1{font-size:24px; font-weight:bold;}
	.box{background-color: #FF0000; width:500px; height:400px}
    .box1{ background-color:#CCCCCC; border: 1px solid none;  width:200px; height:200px }
    .box2{ background-color:#000000; border: 1px solid none;  width:200px; height:200px }
	.box1, .box2{ float:left; box-sizing:boder-box}
	.box{ margin:0 auto;}
	.clearfix{ clear:both}
	.box1{ padding:10px}
	.box2{ margin-left:10px;color:#FFFFFF; padding:10px}
</style>
<div class="box" id="box">
     <div class="box1">123123</div>
	 <div class="box2">123123 </div>
	 <div class="clearfix"></div>
	 <p>hahaha</p>	
</div>

<h1 style="font-size:26px">周小疯的学习记录</h1>
<ul>
	<li>
	<a href="">学习html，第一个网页  </ a>
	<span>2016-12-5 </span>
	</li>
	<li>
	<a href="">css样式入门，第一天  </ a>
	<span>2016-12-9 </span>
	</li>
</ul>
	
</body>
</html>